<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>源码系统评测对比</title>
    <!-- Import style -->
    <link rel="stylesheet" href="../../static/vendor/element-plus@2.3.6/dist/index.css" />
    <link rel="stylesheet" href="../../static/vendor/bootstrap@5.3.0/dist/css/bootstrap.min.css" />
    <!-- Import Vue 3 -->
    <script src="../../static/vendor/vue@3.3.4/dist/vue.global.prod.js"></script>
    <!-- Import component library -->
    <script src="../../static/vendor/element-plus@2.3.6/dist/index.full.min.js"></script>
</head>

<body class="m-2">
    <h1>源码系统评测对比</h1>
    <div id="app" class="contanier">
        <div class="list-group list-group-flush">
            <a class="list-group-item list-group-item-action" :href="item.text+'.html'" target="_blank"
                v-for="(item,idx) of list" :key="idx">{{item.text}}</a>
        </div>
    </div>
    <script>
        const RootComponent = {
            data() {
                return {
                    version: '1.0.0',
                    list: [
                        { text: 'php后台参数评测对比', link: '' },
                        { text: 'php网店参数评测对比', link: '' },
                        { text: 'vue中台参数评测对比', link: '' },
                        { text: 'java后台参数评测对比', link: '' },
                        { text: 'java网店参数评测对比', link: '' },
                        { text: 'gvp项目索引', link: '' },
                        { text: 'php案例画廊', link: '' },
                        { text: '参考案例精彩赏析', link: '' },
                    ],
                }
            },
        }
        var app = Vue.createApp(RootComponent);
        app.use(ElementPlus);
        app.mount('#app')
    </script>
</body>

</html>